<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>谷歌地图 v3</title>
    <script src="http://maps.google.com/maps/api/js?v=3.1&sensor=true" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="css/menu.css">
	<link rel="stylesheet" type="text/css" href="css/table.css">
	<link rel="stylesheet" type="text/css" href="css/calendar.css">
	<script type="text/javascript" src="js/menu.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/index.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/playback.js" charset="utf-8"></script>
    <%
   		String name=new String(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8");
   	    System.out.println(name);
      
     %>
</head>
<body onload="initialize()">
    <div id="header"></div>
	<div id="menu">
	    <ul id="navigation">
		<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> 
			<a href="#">更多</a> 
			<ul> 
				<li><a href="#">待添加</a></li> 
				<li><a href="#">待添加</a></li> 
				<li><a href="#">待添加</a></li> 
				<li><a href="#">待添加</a></li> 
			</ul> 
		</li> 
			<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> 
			<a href="#">统计</a> 
		<ul> 
			<li><a href="#">菜单1</a></li> 
			<li><a href="#">菜单2</a></li> 
			<li><a href="#">菜单3</a></li> 
			<li><a href="#">菜单4</a></li> 
			<li><a href="#">菜单5</a></li> 
		</ul> 
			</li> 
			<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> 
			<a href="#">设置</a> 
		<ul> 
			
			<li><a href="#">用户管理</a></li> 
			<li><a href="SetSecurity.jsp">安全路径</a></li> 
		     <li><a href="#">参数设置</a></li> 
		</ul> 
			</li> 
		</ul>
	</div>
	<div id="main">
	<div id="containe">地图</div>
    <div id="sidebar"> 
       	 开始时间：<input class="input" type="text" name="bgntime" style="width:120" value="" id="bgntime" onClick="showCal(bgntime);"> <br>
       	 结束时间：<input class="input" type="text" name="endtime" style="width:120" value="" id="endtime" onClick="showCal(endtime);"> 
		<div id='dateTime' onclick='event.cancelBubble=true' style='position:absolute;visibility:hidden;width:100px;height:100px;left=0px;top=0px;z-index:100;)'> 
		<table class="cal_table" border='0'><tr><td> 
		<script>    var c = new CalendarCalendar('c');document.write(c);</script> 
		</td></tr><tr><td valign='top' align='center'> 
		<script>    var m = new CalendarMinute('m');document.write(m);</script> 
		</td></tr></table><iframe src="javascript:false" style="height:200px;" class="menu_iframe"></iframe></div> 
		<SCRIPT event=onclick() for=document>hideCalendar()</SCRIPT> <br>
    	<input value="轨迹回放" type="button" onclick="trace('<%=name%>')"style="width:75" >
    	<input value="暂停" type="button" onclick="stop()"style="width:75" >
    	<input value="继续" type="button" onclick="proceed()"style="width:75" >
    		
    </div>
    </div>
	<div id="clearfloat"></div>
	<div id="footer">footer</div>
  </body>
</html>